今天來說如何匯入圖片，我想要在標題欄的左側加一個logo，避免版權問題我自己畫了一個Logo的示意圖

注意必須是png檔否則可能會有圖片沒有去背的問題
將這個圖片儲存在跟html檔同一個資料夾，並取名為logo.png，接著在標題欄的div裡新增以下程式碼

<img src="logo.png" class="logo">

並且在css中將logo的高度設定為40px

        .logo{
            height:40px;
        }

此時網頁的畫面如下圖

我們會發現兩個問題，首先是那四個按鈕往下位移了，再來就是logo的圖片並沒有垂直置中
先來解決按鈕位移的問題，為了不讓按鈕的位子被logo的高度影響，所以要在logo的css中加入float

        .logo{
            height:40px;
            float:left;
        }

他的意思是讓這張圖片靠左漂浮，所以它的參數不會影響到標題欄內的其他物件
接下來在加入margin=5px的程式碼，為了讓高度40px的圖片在高度50px的標題欄裡垂直置中

        .logo{
            height:40px;
            float:left;
            margin:5px;
        }

如此一來我們就匯入了一張圖片並且解決它造成的bug了